﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormTest.aspx.cs" Inherits="HSPCS.Web.WebFormTest" %>

<!DOCTYPE html>

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Dialog - Modal form</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  
</head>
<body>
    <a href ="GenControl?tableName=PCS.Area" class="dialog"> Google it!</a>
 <div id="content"></div>
    <script type="text/javascript">
        $(function () {
            $('a.dialog').click(function () {
                var url = $(this).attr('href');
                showDialog(url);
                return false;
            });

            $("#content").dialog({  //create dialog, but keep it closed
                autoOpen: false,
                height: 300,
                width: 350,
                modal: true
            });

            function showDialog(url) {  //load content and open dialog
                $("#content").load(url);
                $("#content").dialog("open");
            }

        });
  </script>
</body>
</html>